'use strict';


/*
跨域：
    url：协议、主机地址、端口
跨域这个事情本身，是浏览本身的措施或者要求

*/

// 文档加载完成事件的简写形式，也是最常用的形式
$(function () {
    getListWithKeyword();
})
function getListWithKeyword(keyword) {
    console.log('要开始调用了');
    keyword = keyword || ''
    console.log('这里打印一下拿到的keyword的值为：'+keyword);

    getbokeList(keyword).then(res => {
        console.log(res);
        render(res.data);
    })
}

//传入列表数据，重新渲染列表
function render(data) {
    let tb = $('#tbData');
    let rowData = $('.rowData');
    rowData.remove();
    data.forEach(item => {
        let html = `
                 <tr class="rowData" key="${item.id}">
                 <td>${item.id}</td>
                 <td>${item.biaoti}</td>
                 <td>${item.zaiyao}</td>
                 <td>${item.neiron}</td>
                 <td>${item.fenlei}</td>
                 <td>${item.shijian}</td>
                 <td>${item.zuoze}</td>
                 <td>
                 <input type="button" value="编辑" onclick="update(${item.id})">
                 <input type="button" value="删除" onclick="del(${item.id})">
                 </td>
             </tr>
                 `
        tb.append(html);
    })

}



